<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>自定义指令</title>
</head>

<body>
    <script>
        /*
        自定义指令总结：
        一、定义语法：
        1.局部指令                                      
        new Vue({                                  
            directives:{指令名:配置对象}                             
        })

        或:
        new Vue({                                  
            directives:{指令名:回调函数}                             
        })
        

        2.全局指令
        vue.directive(指令名,配置对象)   或   vue.directive(指令名,回调函数)

        二、配置对象中常用的三个回调
        1.bind: 指令与元素成功绑定时调用
        2.inserted:指令所在元素被插入页面时调用、
        3.update:指令所在模板结构被重新解析时调用

        三、备注
        1.指令定义时不加v- 但使用时要加 v-
        2.指令名如果是多个单词要用 kebab-case命名方式 而不能使用 camelCase命名


        */
    </script>
</body>

</html>